<!--
 * @Author: Mr · Lei
 * @Date: 2024-12-16 17:11:12
 * @LastEditors: OBKoro1
 * @LastEditTime: 2024-12-16 17:11:12
 * @FilePath: \ruituan-tuan-Agent\src\views\team\team-order\index.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by 四川开局红科技有限公司, All Rights Reserved. 
-->
<template>
  <div>
    <div class="container">
      <Breadcrumb :items="['menu.team', 'menu.team.order']" />
      <OrderList :type="3" />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import OrderList from '../../order/order-list/components/order-list.vue';
</script>

<style lang="less" scoped>
  .container {
    padding: 0 20px 20px 20px;
  }

  :deep(.arco-table-th) {
    &:last-child {
      .arco-table-th-item-title {
        margin-left: 16px;
      }
    }
  }

  .action-icon {
    margin-left: 12px;
    cursor: pointer;
  }

  .active {
    color: #0960bd;
    background-color: #e3f4fc;
  }

  .setting {
    display: flex;
    align-items: center;
    width: 200px;

    .title {
      margin-left: 12px;
      cursor: pointer;
    }
  }
</style>
